<!DOCTYPE html>
<html>
<head>
	
	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('list,vue'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/manager/record/css/report.css?v=10" />

    <script type="text/javascript" src="html/manager/record/js/report.js?v=13"></script>

</head>
<body>

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="reasonInfo" class="display-none" />
		<input type="text" id="statusInfo" value="0" class="display-none" />
		<input type="text" id="tempid" class="display-none" />

		<div class="title-bar2">
            <div class="title2">举报信息</div>
        </div>

        <div class="options-bar">
        	<div class="options-row">
        		<div class="options-row-left">状态：</div>
				<div class="options-row-right">
					<div class="options-item-selected" onclick="selectOneOption(this, '0', 'statusInfo')">待处理</div>
					<div class="options-item" onclick="selectOneOption(this, '1', 'statusInfo')">处理完毕</div>
				</div>
        	</div>
        	<div class="options-row2">
        		<div class="options-row-left">举报原因：</div>
				<div class="options-row-right">
					<div class="options-item-selected" onclick="selectOneOption(this, '', 'reasonInfo')">全部</div>
					<div class="options-item" onclick="selectOneOption(this, '违法、涉黄信息', 'reasonInfo')">违法、涉黄信息</div>
					<div class="options-item" onclick="selectOneOption(this, '冒用侵权问题', 'reasonInfo')">冒用侵权问题</div>
					<div class="options-item" onclick="selectOneOption(this, '信息虚假', 'reasonInfo')">信息虚假</div>
					<div class="options-item" onclick="selectOneOption(this, '含未成年违禁内容', 'reasonInfo')">含未成年违禁内容</div>
					<div class="options-item" onclick="selectOneOption(this, '人身攻击', 'reasonInfo')">人身攻击</div>
					<div class="options-item" onclick="selectOneOption(this, '其他', 'reasonInfo')">其他</div>
				</div>
        	</div>
        	<div class="options-row2">
        		<div class="options-row-left">举报时间：</div>
				<div class="options-row-right">
					<div class="options-text">从</div>
					<input type="text" id="startdate" class="options-input1" placeholder="起始时间" readonly="readonly" autocomplete="off" />
					<div class="options-text">至</div>
					<input type="text" id="enddate" class="options-input1" placeholder="结束时间" readonly="readonly" autocomplete="off" />
				</div>
        	</div>
        </div>

        <div class="tongji-bar">
            <span class="tongji">共<span id="listCount" class="tc1">0</span>条信息</span>
        </div>

        <div id="listBar" class="table-bar">
        	<table class="table-box">
        		<tr class="tr-head">
                    <td class="td-head">举报原因 / 内容 / 联系方式</td>
                    <td class="td-head hw5">所属模块</td>
                    <td class="td-head hw3">状态</td>
                    <td class="td-head hw4">举报时间</td>
                    <td class="td-head hw4">操作</td>
                </tr>
                <tr class="tr-item" v-for="info in list">
                    <td class="td-item-left">
                    	<span class="tc1">[{{ info.reason }}] </span>{{ info.details }}<br />
                    	<template v-if="info.person != '' && info.phone != ''">
                    		<span class="tc4">联系方式：{{ info.person }}，{{ info.phone }}</span><br />
                    	</template>
                        <template v-else-if="info.person != '' || info.phone != ''">
                            <span class="tc4">联系方式：{{ info.person }}{{ info.phone }}</span><br />
                        </template>
                        <template v-if="info.status == 1">
                        	<span class="tc4">处理结果：{{ info.result }}</span>
                        </template>
                    </td>
                    <td class="td-item-center hw5">
                    	<template v-if="info.module == 'electronic'">家电维修</template>
                        <template v-else-if="info.module == 'housecraft'">家政服务</template>
                        <template v-else-if="info.module == 'other'">其他服务</template>
                    	<template v-else>异常</template>
                    </td>
                    <td class="td-item-center hw3">
                    	<template v-if="info.status == 0"><span class="tc1">待处理</span></template>
                        <template v-else-if="info.status == 1"><span class="tc2">处理完毕</span></template>
                        <template v-else>异常</template>
                    </td>
                    <td class="td-item-center hw4">{{ info.reporttime }}</td>
                    <td class="td-item-center hw4">
                    	<template v-if="info.status == 0">
                    		<span class="item-edit" v-on:click="handleReport(info.reportid)">处理</span>
                    	</template>
                        <select class="ddlMenu" v-on:change="clickOperateItem(info.reportid, info.association, info.module, $event)">
                            <option value="" selected="selected">操作项</option>
                            <option value="view">查看被举报信息</option>
                            <template v-if="info.status == 1">
                            	<option value="log">日志记录</option>
                            </template>
                        </select>
                    </td>
                </tr>
        	</table>
        </div>

        <?php $this->import('page'); ?>
        <?php $this->import('options'); ?>
        <?php $this->import('slipiframe'); ?>

        <script type="text/javascript">
        	var report = new Vue({
	            el: '#listBar',
	            data: {
	                list: ''
	            }
	        });

	        layui.use('laydate', function(){
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#startdate',
                    done: function(value, date, endDate) {
                    	queryKey('ok');
                    }
                });
                laydate.render({
                    elem: '#enddate',
                    done: function(value, date, endDate) {
                    	queryKey('ok');
                    }
                });
            });
        </script>

	</div>

</body>
</html>